<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入清除样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="../css/post.css">



    <!-- 引入轮播插件  注意要先引入jQuery库-->
    <script src="../slider/lib/jquery.min.js"></script>
    <script src="../slider/lib/jquery.slidebox.js"></script>

    <!-- 引入当前文件的js -->
    <script src="../js/post.js"></script>


</head>

<body>
    <!-- 0页眉 -->
    <div class='h_title'>
        <div class='h_text clearfix container'>
            <img src='../img/logo.jpg' class='h_logo fl'>
            <p class="legochina-cn fl">legochina.cn</p>
            <p class='fr'>欢迎光临<span><a href="./index.html"  id='h_name' class='h_name'>乐购</a></span>，
                请&emsp;<a href="./logon.html" class="logo_a">登录</a>\<span><a href="./post.html" id='h_logon' class='h_logon'>注册</a></span></p>
        </div>
    </div>
    <!-- 头部 -->
    <section class="header"><div class="container pr"><p class="h_tex">欢迎登陆</p>
    <p class="pa h_text">已有帐号，请&emsp;<a href="#" class="h_link">登录</a></p></div></section>
   <!-- 内容 -->
   <section class="text"><div class="box">
    <div class="box1">
        <div class="box11">
             <h1>欢迎注册</h1>
             已有账号？<a href="04.html">登录</a>
        </div>
        <div class="box12">
            <p>
                用户名：<input type="text" name="user" placeholder="请设置用户名" class="input" id='user'>
                <img class="del-btn" id='delBtn' src="../imgs/delete.png" alt="">
                    <span id='userMsg' class='msg'></span>
            </p>
            <P>
                手机号：<input type="tel" name="手机号码" maxlength="11" placeholder="请输入手机号" class="input">
            </P>
            <P>
                密&emsp;码：<input type="password" name="密码" maxlength="8" placeholder="请设置登录密码" class="input" id='eyes'>
                <img class="eyes" id='delBtn1' src="../imgs/close.png" alt="">
                    <span id='pasMsg' class="msg"></span>
            </P>
            <P>
                请确认：<input type="password" name="密码" maxlength="8" placeholder="请设置登录密码" class="input" id='eyes'>
                <img class="eyes" id='delBtn1' src="../imgs/close.png" alt="">
                    <span id='pasMsg' class="msg"></span>
            </P>
            <img src="../img/04_p.png" class="p1">
            <div class="box_h">
            请设置密码为最长8位以英文字母，特殊数字符号组成的密码
            </div>
            <p>
            <span>
                验证码：<input type="password" name="手机验证码" maxlength="6" placeholder="请输入验证码" class="input1"> 
             <input type="submit" value="获取验证码" class="input2">
            </span>
            </p>
        </div>
        <div class="box13">
            <p>
                <input type="submit" value="注册" class="input3" id='btn1'>
            </p>
        <P>
            <input type="checkbox" value="记住密码">阅读并接受
            <a href="https://www.baidu.com">《百度协议》</a>及
            <a href="https://www.baidu.com">《安全声明》</a>
        </p>
        </div>
    </div>
</div></section>
    <!-- 10 页尾 -->
    <footer id="footer" class='footer'>
        <div class='f_contact container pr'>
            <div class='fc_box'>
                <div class='fc_box2'>
                    <p><a href='#'>公司简介</a> | <a href='#'>Investor Relations</a> | <a href='#'>网站联盟</a> | <a href='#'>乐购招商</a> | <a href='#'>机构销售</a> | <a href='#'>手机乐购</a> | <a href='#'>官方Blog</a> | <a href='#'>热词搜索</a></p>
                    <p class="fc_p">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
                </div>
            </div>
        </div>
    </footer>





</body>

</html>